<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>萌宠找货首页</title>
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/css/body.css">
    <link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
    <header>
        
    </header>

    <main>
        <div class="swiper-container hide">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-01.JPEG" alt=""></a></div>
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-02.JPEG" alt=""></a></div>
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-03.JPEG" alt=""></a></div>
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-04.JPEG" alt=""></a></div>
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-05.JPEG" alt="" style="width: 100%;"></a></div>
                <div class="swiper-slide"><a href="/web/list.html"><img src="./img/mainImg-06.JPEG" alt=""></a></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

        <div class="mainBox content">
            <div class="mainBox-img">
                <ul class="mainBox-imgNav" id="index-main-ul">
                    <li>
                        <a href="./web/list.html?title=1">
                            <img src="./img/03.png" alt="">
                            <span>汪星必备</span>
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=1'">
                                <img src="./img/04.png" alt="">
                                <span>狗狗主粮</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=1'">
                                <img src="./img/07.png" alt="">
                                <span>狗狗零食</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=1'">
                                <img src="./img/12.png" alt="">
                                <span>狗狗玩具</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=1'">
                                <img src="./img/13.png" alt="">
                                <span>清洁用品</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=1'">
                                <img src="./img/05.png" alt="">
                                <span>生活用品</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=2">
                            <img src="./img/08.png" alt="">
                            <span>喵主御用</span>
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=2'">
                                <img src="./img/06.png" alt="">
                                <span>猫咪主粮</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=2'">
                                <img src="./img/01.png" alt="">
                                <span>猫咪零食</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=2'">
                                <img src="./img/11.png" alt="">
                                <span>猫咪玩具</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=2'">
                                <img src="./img/14.png" alt="">
                                <span>猫猫清洁</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=2'">
                                <img src="./img/10.png" alt="">
                                <span>猫猫用品</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=3">
                            <img src="./img/02.png" alt="">
                            <span>好物周边</span>
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=3'">
                                <img src="./img/15.png" alt="">
                                <span>潮玩手办</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=3'">
                                <img src="./img/16.png" alt="">
                                <span>服饰箱包</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=3'">
                                <img src="./img/10.png" alt="">
                                <span>文具用品</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=3'">
                                <img src="./img/02.png" alt="">
                                <span>生活家居</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=3'">
                                <img src="./img/10.png" alt="">
                                <span>数码产品</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=4">
                            <img src="./img/14.png" alt="">
                            <span>水族</span>
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=4'">
                                <img src="./img/01.png" alt="">
                                <span>饲料</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=4'">
                                <img src="./img/16.png" alt="">
                                <span>水族箱</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=4'">
                                <img src="./img/05.png" alt="">
                                <span>水槽沙</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=4'">
                                <img src="./img/17.png" alt="">
                                <span>医疗用品</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=4'">
                                <img src="./img/15.png" alt="">
                                <span>水族箱造景</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=5">
                            <img src="./img/01.png" alt="">
                            <span>小宠</span>
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=5'">
                                <img src="./img/06.png" alt="">
                                <span>小宠饲料</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=5'">
                                <img src="./img/11.png" alt="">
                                <span>小宠玩具</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=5'">
                                <img src="./img/15.png" alt="">
                                <span>洗护美容</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=5'">
                                <img src="./img/19.png" alt="">
                                <span>小宠医护</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=6">
                           <img src="./img/09.png" alt="">
                            <span>爬虫</span> 
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=6'">
                                <img src="./img/04.png" alt="">
                                <span>爬虫饲料</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=6'">
                                <img src="./img/18.png" alt="">
                                <span>爬虫玩具</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=6'">
                                <img src="./img/13.png" alt="">
                                <span>爬虫洗护</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=6'">
                                <img src="./img/16.png" alt="">
                                <span>饲料箱及配件</span>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="./web/list.html?title=7">
                           <img src="./img/12.png" alt="">
                            <span>鸟类</span> 
                        </a>
                        <ul class="imgNav-ul">
                            <li onclick="location.href='./web/list.html?title=7'">
                                <img src="./img/05.png" alt="">
                                <span>鸟类饲料</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=7'">
                                <img src="./img/12.png" alt="">
                                <span>鸟类玩具</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=7'">
                                <img src="./img/19.png" alt="">
                                <span>鸟类医疗</span>
                            </li>
                            <li onclick="location.href='./web/list.html?title=7'">
                                <img src="./img/16.png" alt="">
                                <span>笼/舍/巢及配件</span>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">汪星必备</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=1">狗狗主粮</a></li>
                            <li><span>|</span><a href="/web/list.html?title=1">狗狗零食</a></li>
                            <li><span>|</span><a href="/web/list.html?title=1">狗狗玩具</a></li>
                            <li><span>|</span><a href="/web/list.html?title=1">清洁用品</a></li>
                            <li><span>|</span><a href="/web/list.html?title=1">生活用品</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=1">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexDog-ul">
                    <li class="firstLi" style="background:url('/img/title1.jpg') center no-repeat;" onclick="location.href='./web/list.html?title=0'"></li>
                </ul>
                <script type="text/html" id="indexDog-li">
                    {{each list Dog}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Dog.id}}'">
                            <div class="main-list-img">
                                <img src="{{Dog.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Dog.title}}</div>
                            <span class="priceNow">￥{{Dog.price}}</span>
                        </li>
                    {{/each}}
                </script>

            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">喵主御用</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=2">猫咪主粮</a></li>
                            <li><span>|</span><a href="/web/list.html?title=2">猫咪零食</a></li>
                            <li><span>|</span><a href="/web/list.html?title=2">猫咪玩具</a></li>
                            <li><span>|</span><a href="/web/list.html?title=2">猫咪清洁</a></li>
                            <li><span>|</span><a href="/web/list.html?title=2">猫猫用品</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=2">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexCat-ul">
                    <li class="firstLi" onclick="location.href='/web/list.html?title=0'" style="background:url('./img/title2.jpg') bottom center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexCat-li">
                    {{each list Cat}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Cat.id}}'">
                            <div class="main-list-img">
                                <img src="{{Cat.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Cat.title}}</div>
                            <span class="priceNow">￥{{Cat.price}}</span>
                        </li>
                    {{/each}}
                </script>

            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">好物周边</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=3">潮玩手办</a></li>
                            <li><span>|</span><a href="/web/list.html?title=3">服饰箱包</a></li>
                            <li><span>|</span><a href="/web/list.html?title=3">文具用品</a></li>
                            <li><span>|</span><a href="/web/list.html?title=3">生活家居</a></li>
                            <li><span>|</span><a href="/web/list.html?title=3">数码产品</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=3">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexGood-ul">
                    <li class="firstLi" onclick="location.href='/web/list.html?title=0'" style="background:url('./img/title3.jpg') center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexGood-li">
                    {{each list Good}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Good.id}}'">
                            <div class="main-list-img">
                                <img src="{{Good.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Good.title}}</div>
                            <span class="priceNow">￥{{Good.price}}</span>
                        </li>
                    {{/each}}
                </script>

            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">水族</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=4">饲料</a></li>
                            <li><span>|</span><a href="/web/list.html?title=4">水族箱</a></li>
                            <li><span>|</span><a href="/web/list.html?title=4">水槽沙</a></li>
                            <li><span>|</span><a href="/web/list.html?title=4">医疗用品</a></li>
                            <li><span>|</span><a href="/web/list.html?title=4">水族箱造景</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=4">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexWater-ul">
                    <li class="firstLi" onclick="location.href='/web/list.html?title=0'" style="background:url('./img/title4.jpg') bottom center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexWater-li">
                    {{each list Water}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Water.id}}'">
                            <div class="main-list-img">
                                <img src="{{Water.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Water.title}}</div>
                            <span class="priceNow">￥{{Water.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">小宠</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=5">小宠饲料</a></li>
                            <li><span>|</span><a href="/web/list.html?title=5">小宠玩具</a></li>
                            <li><span>|</span><a href="/web/list.html?title=5">洗护美容</a></li>
                            <li><span>|</span><a href="/web/list.html?title=5">小宠医护</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=5">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexPet-ul">
                    <li class="firstLi" onclick="location.href='./web/list.html?title=0'" style="background:url('./img/title5.jpg') center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexPet-li">
                    {{each list Pet}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Pet.id}}'">
                            <div class="main-list-img">
                                <img src="{{Pet.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Pet.title}}</div>
                            <span class="priceNow">￥{{Pet.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">爬虫</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=6">爬虫饲料</a></li>
                            <li><span>|</span><a href="/web/list.html?title=6">爬虫玩具</a></li>
                            <li><span>|</span><a href="/web/list.html?title=6">爬虫洗护</a></li>
                            <li><span>|</span><a href="/web/list.html?title=6">饲料箱及配件</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=6">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexCrawler-ul">
                    <li class="firstLi" onclick="location.href='./web/list.html?title=0'" style="background:url('./img/title6.jpg') bottom center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexCrawler-li">
                    {{each list Crawler}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Crawler.id}}'">
                            <div class="main-list-img">
                                <img src="{{Crawler.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Crawler.title}}</div>
                            <span class="priceNow">￥{{Crawler.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>


            <div class="main-Child">
                <div class="child-head">
                    <div style="cursor:pointer; " class="title">鸟类</div> 
                    <div class="title-nav">
                        <ul class="nav-ul">
                            <li><a href="/web/list.html?title=7">鸟类饲料</a></li>
                            <li><span>|</span><a href="/web/list.html?title=7">鸟类玩具</a></li>
                            <li><span>|</span><a href="/web/list.html?title=7">鸟类医疗</a></li>
                            <li><span>|</span><a href="/web/list.html?title=7">笼/舍/巢及配件</a></li>
                        </ul>
                        <div class="more-btn"><a href="/web/list.html?title=7">更多 ></a></div>
                    </div>
                </div>

                <ul class="main-Child-ul" id="indexBird-ul">
                    <li class="firstLi" onclick="location.href='./web/list.html?title=0'" style="background:url('./img/title7.jpg') center no-repeat;"></li>
                </ul>
                <script type="text/html" id="indexBird-li">
                    {{each list Bird}}
                        <li class="main-Child-li" onclick="location.href='/web/content.html?id={{Bird.id}}'">
                            <div class="main-list-img">
                                <img src="{{Bird.src}}" alt=""/>
                            </div>
                            <div class="main-list-text">{{Bird.title}}</div>
                            <span class="priceNow">￥{{Bird.price}}</span>
                        </li>
                    {{/each}}
                </script>
            </div>

        </div>
        <div class="main-shopping" onclick="location.href='./web/shop.html'">
            <img src="./img/car.png" alt="">
            <div class="shopping-text">购物袋</div>
        </div>
        <div class="main-top" id="main-top">
            <img src="/img/top.png" alt="">
            <p>top</p>
        </div>
    </main>

    <footer></footer>
    
    <script src="/libs/require/require.min.js" data-main="/js/index"></script>
</body>
</html>